.view {
   width: 170px;
   height: 252px;
   float: left;
   margin-right: 10px;
   margin-left: 18px;
   margin-bottom: 10px;
   margin-top: 10px;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #353535;
   -moz-box-shadow: 1px 1px 2px #353535;
   box-shadow: 1px 1px 2px #353535;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 170px;
   height: 252px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 170px;
   height: 252px;
}
.view h2 {
   text-transform: uppercase;
   color: #ff9100;
   text-align: center;
   position: relative;
   font-size: 12px;
   padding: 10px;
   background: #000;
   margin: 0px 0 0 0;
   cursor: pointer;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
color:#fff; 
text-decoration: none;
position: absolute;
bottom: 10px;
left: 27px;
display: inline-block;
background: url('http://www.crackle.com.mx/styles/themes/es/default/images/watch_now_btn.png') no-repeat 0 0 scroll;
width: 118px;
height: 31px;
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 31px;
text-shadow: 1px 1px 2px #963
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}

.main {
-moz-box-shadow: 0px 10px 20px #000000;
-webkit-box-shadow: 0px 10px 20px #000000;
box-shadow: 0px 10px 20px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 10, direction = 180, color = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 10, Direction = 180, Color = '#000000')";

}